<template>
  <div class="an-nav-bg">
    <b-container>
      <b-navbar toggleable="lg" type="dark" variant="dark">
        <!-- <b-navbar-brand href="#">五丰农业</b-navbar-brand> -->
        <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

        <b-collapse id="nav-collapse" is-nav>
          <b-navbar-nav>
            <!-- <b-nav-item href="/">首页</b-nav-item>
            <b-nav-item href="/cont/?id=1">公司简介</b-nav-item>
            <b-nav-item href="/cont/?id=2">联系我们</b-nav-item>-->

            <router-link to="/">首页</router-link>
            <router-link to="/cont/?id=1">公司简介</router-link>
            <router-link to="/cont/?id=2">联系我们</router-link>

            <!-- <b-nav-item href="#" disabled>Disabled</b-nav-item> -->
          </b-navbar-nav>

          <!-- Right aligned nav items -->
          <b-navbar-nav class="ml-auto">
            <b-nav-form>
              <b-form-input size="sm" class="mr-sm-2" placeholder="Search"></b-form-input>
              <b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
            </b-nav-form>

            <!-- <b-nav-item-dropdown right>
          <template v-slot:button-content>
            <em>User</em>
          </template>
          <b-dropdown-item href="#">Profile</b-dropdown-item>
          <b-dropdown-item href="#">Sign Out</b-dropdown-item>
            </b-nav-item-dropdown>-->
          </b-navbar-nav>
        </b-collapse>
      </b-navbar>
    </b-container>
  </div>
</template>
<style scoped>
.an-nav-bg {
  width: 100%;
  background-color: #343a40;
}
</style>
